window.addEventListener('load',function(){
    var as=document.querySelectorAll('.mission>p')
    var mission=document.querySelectorAll('.mission_img')
    var a=document.querySelectorAll('.mission>p>a')
   
    for(let i=0;i<as.length;i++){
        as[i].onmouseenter=function(){
            a[i].style.color='#fff'
           for(let j=0;j<mission.length;j++){    
                mission[j].classList.remove('active')
           }
           mission[i].classList.add('active')

        }   
        as[i].onmouseleave=function(){
            a[i].style.color='#888'
            
        }
    
    }
    
    








})




